@charset "utf-8";
/* CSS Document */

body,div,ul,li,ol,dl,dt,p,dd,img,input,a,span,h1,h2,h3,h4,h5,h6{padding:0; margin:0; border:0; list-style:none;}
body{ font-size:16px; color:#3e3e3e;font-family:"黑体"; background:#fff;}
a{ text-decoration:none; color:#3e3e3e;}
a:hover{ text-decoration:underline;}
img{max-width:100%;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }


/*头部  开始*/
.header{width:100%;height:auto;background:#f9cf34;}
.headerIn{max-width:1200px;margin:0 auto;}
.logo{width:22%;height:auto;float:left;padding:0.9% 0 ;}
.logo a,.logo img{display:block;}
.nav{width:32%;height:auto;float:left;margin-left:2%;}
.t-nav{display:none;}
.nav>ul>li{float:left;padding:0 4%;}
.nav>ul>li>a{display:block;line-height:70px;font-size:16px;font-weight:bold;color:#000;position:relative;text-decoration:none;}
.nav>ul>li.on a,.nav>ul>li a:hover{color:#fff;}
.nav>ul>li .navBox{width:100%;height:60px;background:rgba(255,255,255,0.8);position:absolute;top:70px;left:0;padding-left:35%;display:none;z-index:1;}
.nav > ul > li:nth-child(3) .navBox{padding-left:31%;}
.nav>ul>li .pronavBox{height:150px;}
.nav>ul>li:hover .navBox{display:block;}
.nav>ul>li .navBox li{width:80px;height:40px;float:left;padding:20px 20px 0 0;}
.nav>ul>li .pronavBox li{width:100px;height:125px;padding:25px 20px 0 0;}
.nav>ul>li .navBox li:hover{cursor:pointer;}
.nav>ul>li .pronavBox li img{width:100px;height:45px;}
.nav>ul>li .navBox li a{display:block;font-size:14px;color:#000;text-align:center;text-decoration:none;}
.nav>ul>li .navBox li:hover a{font-weight:bold;}
.t-nav{display: none;}

.search{width:10%;height:25px;border:1px solid #bcb497;float:left;margin:23px 5px 20px 1%;}
.search input{width:76.5%;height:25px;float:left;padding-left:2px;}
.search img{float:right;cursor:pointer;}
.language{width:10%;height:25px;margin: 23px 0  22px 1px;float:left;}
.language select{width:100%;height:25px;border:1px solid #bcb497;float:left;cursor:pointer;}
.logo2{float:right;width:17.5%;height: auto;padding: 1% 0; padding-left:10px;}
/*头部  结束*/

/*主视觉  开始*/
.banner{width:100%;position:relative;}
.banner img{width:100%;height:auto; margin:0 auto;}
.banner .bd ul{width:100%;height:auto;overflow:hidden;}
.banner .bd ul li{width:100%; display: none; }
.banner .bd ul li img{display:block;}
.banner .hd{position:absolute;left:50%;bottom:20px;margin-left:-40px;color:#fff;}
.banner .hd li{float:left;font-size:30px;margin-left:5px;cursor:pointer;}
.banner .current { color:#f8c301; }
/*主视觉  结束*/

/*产品墙  开始*/
.productWall{width:1200px;height:auto; margin:0 auto;}
.productWall ul li{width:48.5%;height:235px;float:left;position:relative; margin-top:6px; margin-right:16px;}
.productWall ul li>a>img{display:block; }
.productWall ul li .pW1,.productWall ul li .pW2,.productWall ul li .pW3,.productWall ul li .pW4{height:auto;position:absolute;left:0;top:0;}
.productWall ul li .pW1 .pWtop,.productWall ul li .pW3 .pWtop{width:100%;}
.productWall ul li .pW1 .pWbot,.productWall ul li .pW3 .pWbot{display:block;max-width:100%;}
.productWall ul li:hover .pW1 .pWbot,.productWall ul li:hover .pW3 .pWbot{display:none;}
.productWall ul li .pW2 .pWtop,.productWall ul li .pW4 .pWtop{width:100%;}
.productWall ul li .pW2 .pWbot,.productWall ul li .pW4 .pWbot{display:block;max-width:100%;}
.productWall ul li:hover .pW2 .pWbot,.productWall ul li:hover .pW4 .pWbot{display:none;}
.productWall ul li .pWbot img{display:block;}
.productWall ul li span{font-size:24px;font-weight:bold;color:#fff;border:2px solid #fff;position:absolute;left:50%;top:50%;padding:3% 15%;margin:-5% 0 0 -31%;display:none;}
.productWall ul li span a{display:block;}
.productWall ul li span:hover a{text-decoration:none;}
.productWall ul li span.span3{margin:-5% 0 0 -27%;}
.productWall ul li span.span4{margin:-5% 0 0 -20%;}
.productWall ul li:hover span{display:block;}
/*产品墙  结束*/


/*新闻动态  开始*/
.news{width:100%;height:auto;background:#fff;margin:0% 0;}
.newIn{max-width:1200px;height:auto;margin:0  auto;}
.newLeft{width:44%;height:auto;float:left;padding:3% 2% ;color:#231815;}
.new{width:100%;height:auto; background: #fff;}
.new1{width:100%;height:auto; background:#eeeeee; margin-top:-10px;}
.new2{width:100%;height:auto;background: #eeeeee;}
.newcenter{height:auto;padding:1% 1% ;color:#000;}
.newcenter1{height:auto;padding:1% 1% ;color:#000;}
.newcenter h2{font-size:24px;font-weight:bold;text-align:center;}
.newcenter h3{font-size:18px;font-weight:bold;text-align:left;margin:0 0 3% 0;}
.newcenter p{font-size:14px;line-height:26px;}


.newcenter1{height:auto;padding:1% 1% ;color:#000;}
.newcenter1 h2{font-size:24px;font-weight:bold;text-align:center;margin:0 0 2% 0;}
.newcenter1 h3{font-size:18px;font-weight:bold;text-align:left;margin:0 0 3% 0;}
.newcenter1 p{font-size:14px;line-height:26px;}

.newLeft h2{font-size:24px;font-weight:bold;text-align:center;margin:0 0 4% 0;}
.newLeft h3{font-size:18px;font-weight:bold;text-align:left;margin:0 0 3% 0;}
.newLeft p{font-size:14px;line-height:26px;}
.newRight{width:50%;float:right;}
.newRight img{width:100%;display:block;}
/*新闻动态  结束*/

/*视频  开始*/
.video{width:100%;height:auto;margin-bottom:2%;}
.videoIn{max-width:1200px;height:auto;margin:0 auto;}
.videoLeft,.videoRight{width:33.3%;height:auto;}
.videoLeft{float:left;}
.videoRight{float:right;}
.videoLeft .vlTop,.videoRight .vrTop{width:95%;height:auto;position:relative;margin-bottom:4%;}
.videoLeft .vlTop{margin-right:5%;}
.videoRight .vrTop{margin-left:5%;}
.vlTop span{position:absolute;left:45.5%;top:40%;}
.vrTop span{position:absolute;left:42%;top:40%;}
.videoLeft .vlBot,.videoRight .vrBot{text-align:center;color:#fff;}
.videoLeft .vlBot p{margin-left:-6%;}
.videoLeft .vlBot>a{margin-left:43%;}
.videoRight .vrBot>a{margin-left:45%;}
.vlTop span a,.vrTop span a,.vlTop span a img,.vrTop span a img,.videoLeft .vlBot a,.videoRight .vrBot a ,.videoLeft .vlBot a img,.videoRight .vrBot a img{display:block;}

/*视频  结束*/

/*热线  开始*/
.hotLine{width:100%;height:auto;border-top:2px solid #969393;}
.hotLineIn{max-width:1200px;height:auto;margin:1% auto 2%;color:#fff;}
.HotLeft,.HotCenter,.HotRight{width:49%;line-height:26px;border-right:1px solid #fff;float:left;}
.HotLeft p{margin:10px 0;}
.HotRight{width:33%;border:none;}
.HotCenter {width:25%;padding :0 6%;}
.HotCenter .hcLeft{float:left;}
.HotCenter .hcRight{float:right;}
.HotCenter .hcRight{text-align:center;}
.HotCenter>img,.HotRight>img{width:100%;}
.HotRight a img{display:block;width:30%;}
.HotRight .hrLeft {float:left;margin-left:17%;}
.HotRight .hrRight{float:right;font-size:22px;line-height:40px;}
.HotRight .hrRight .p2{font-size:30px;}
/*热线  结束*/


/*尾部  开始*/
.mobilefFooter{display:none;}
.footer{width:100%;height:auto;background:#f8c301;}
.footIn{max-width:1200px;height:auto;margin:0 auto;color:#000;padding:2.5% 0 2.2% 0;}
.footIn .fo1,.footIn .fo3,.footIn .fo4{float:left;}
.footIn .fo1{padding:1% 4% 1% 0;border:none;}
.footIn .fo4{padding:1% 0 1% 5% ;float:right;}
.footIn span{font-weight:bold;}
.footIn h3{line-height:30px;}
.footIn h4{line-height:30px;font-size:16px;margin-bottom:8%;}
.footIn p{font-size:16px;line-height:24px;}
/*尾部  结束*/

#portfoliolist{
    width: 1200px;
    margin:0 auto;
    font-size:0;
    padding:50px 0;
    text-align: center;
}
.portfolio-text{
    text-align: center;
    margin-bottom: 50px;
}
.portfolio.mix_all{
    width: 25%;
    display: inline-block;
}


@media screen and (min-width:1920px){
.header,.banner,.footer{max-width:100%;}
.productWall ul li  .pWbot img{width:100%;}
}


@media screen and (max-width:1600px){
.productWall ul li span{padding:3% 11%;}
.productWall ul li span a {font-size:22px;}
.nav>ul>li .navBox{padding-left:31%;}
.nav > ul > li:nth-child(3) .navBox{padding-left:27%;}

}


@media screen and (max-width:1366px){
.nav>ul>li .navBox{padding-left:27%;}
.nav > ul > li:nth-child(3) .navBox{padding-left:25%;}

}


@media screen and (max-width:1200px) and (min-width:970px){
.headerIn,.newIn,.videoIn,.hotLineIn,.footIn {width: 970px;}
.logo{padding: 1.6% 0;}
.nav{width:40%;margin-left:3%;}
.nav>ul>li .navBox{padding-left:25%;}
.nav > ul > li:nth-child(3) .navBox{padding-left:20%;}
.search {width:8%;margin-left:3%;}
.search input {width: 65%;}
.language {width: 9%;}
.logo2 {width: 10%;}
.newLeft {width: 47%; padding:2% 1% 1% 0;}
.newLeft h2{font-size:22px;margin: 0px 0px 2% 0;}
.newLeft h3{font-size:16px;margin: 0px 0px 1% 0;}
.newLeft p {font-size:12px; line-height: 22px;}
.productWall ul li span{padding:3% 7%;}
.productWall ul li span a {font-size:20px;}
.HotLeft {width: 30%;}
.HotLeft p{line-height:30px;}
.HotCenter {width: 28%; padding: 0 4%;}
.HotRight {width: 33%;}
.HotRight .hrLeft { margin-left: 12%;}
.HotRight .hrRight{font-size:18px;}
.HotRight .hrRight .p2{font-size:24px;}
.footIn .fo1,.footIn .fo3,.footIn .fo4{width:28%;padding:1% 4% 1% 3%;}
.footIn .fo3{padding-bottom:3.2%;}
.footIn .fo1{padding:1% 4% 1% 0;}
.footIn .fo4{padding:1% 0 1% 4% ;}
}


@media screen and (max-width:969px) and (min-width:768px){
.headerIn,.newIn,.videoIn,.hotLineIn,.footIn  {width: 768px;}
.logo {width:24%;padding: 2.4% 0;}
.nav { width: 43%;margin-left: 2%;}
.nav > ul > li {padding: 0px 3%;}
.nav>ul>li .navBox{padding-left:20%;}
.nav > ul > li:nth-child(3) .navBox{padding-left:12%;}

.search {width:8%;margin-left:0;}
.search input {width: 55%;}
.language {width: 9%;}
.logo2 {width: 10%;    margin-top: 10px;}

.banner .hd {bottom: 10px;}
.productWall ul li span{padding:3% 5%;}
.productWall ul li span a {font-size:18px;}
.newLeft{width:45%;padding: 2% 1% ;}
.newLeft h2 { font-size: 16px;margin: 0px 0px 1% 0;}
.newLeft h3{font-size:14px;margin: 0px 0px 0 0;}
.newLeft p {font-size:12px; line-height: 18px;}
.newRight {margin-top:2.5%;}
.videoLeft .vlBot p{margin-left:-4%;}
.videoLeft .vlBot>a{margin-left:43%;}
.videoRight .vrBot>a{margin-left:45%;}
.HotLeft {width: 30%;}
.HotCenter {width: 32%; padding: 0 2%;}
.HotLeft p,.HotCenter p{font-size:12px;line-height:26px;}
.HotRight {width: 33%;}
.HotRight .hrLeft { margin-left: 4%;}
.HotCenter  img,.HotCenter a img,.HotRight  img{display:block;max-width:80%;padding-top:2%;}
.HotRight .hrRight{font-size:14px;}
.HotRight .hrRight .p2{font-size:20px;}
.footIn .fo1,.footIn .fo3,.footIn .fo4{width:32%;padding:1% 0 2% 1%;}
.footIn .fo3{width:33%;padding-bottom:1%;}
.footIn .fo1{padding:1% 0 2% 0;}
}



@media screen and (max-width:767px){
.newIn,.videoIn,.hotLineIn{width:100%;}
.header{display: none;}
.t-nav{display: block;width:100%;height:60px;background:#FFCC00;}
.t-nav .logo{width:200px;padding:12px 10px;float: left;margin-left:0;}
.t-nav>a{text-indent: -1000px;display:block;float: right;width: 24px;height:20px;background:url(img/nav-mobile.png) no-repeat scroll 20px 20px;padding:20px; vertical-align: center;}
.t-nav>ul{display:none; }
.hwMenuNav>li:hover a{text-decoration:none;}
.hwMenuNav>li:nth-child(2)>a,.hwMenuNav>li:nth-child(3)>a{background:  url(img/nav-toggle-closed.png) no-repeat scroll right center;}
.hwMenuNav>li>a.t-navOpen{background:  url(img/nav-toggle-open.png) no-repeat scroll right center;}
.hwMenuNav>ul{display:block;width:100%;position: absolute;top: 0px;left: 0px; margin-top: 54px;width: 100%;z-index: 1000;}
.hwMenuNav>ul>li{width:100%;background:#000;float: none;}
.hwMenuNav>ul>li a{display:block;font-size:16px;color:#fff;line-height:50px;padding:0 2% ;border-right: 0px none;border-top: 1px solid #2F2F2F;}
.nav > ul > li:hover .navBox {display:none;}

.productWall ul li {width: 100%;height: 50px;background:#fff;float:none;border-bottom:1px solid #000;cursor:pointer;}
.productWall ul li>a>img,.productWall ul li .pW1,.productWall ul li .pW2,.productWall ul li .pW3,.productWall ul li .pW4{display:none;}
.productWall ul li span{width: 98%;display:block;padding:0 0 0 2%;border:none;text-align:left;position: reative;left: 0;top: 0;margin: 0;}
.productWall ul li span.span3{margin:0;}
.productWall ul li span.span4{margin:0;}
.productWall ul li span a{width: 100%;display:block;font-size:16px;line-height:50px;color:#333;text-align:left;background: url(img/link-arrow-invert.png) no-repeat scroll right center;}
.productWall ul li span:hover a{text-decoration:none;}

.banner .hd {bottom: 0;}
.news {margin: 4% 0px;}
.newLeft h2 { font-size: 16px;margin: 0px 0px 1% 0;}
.newLeft h3{font-size:14px;margin: 0px 0px 0 0;}
.newLeft,.newRight{width: 94%;float: none;padding: 3% ;}
.newRight{padding:0 3% 4% 3%;}


.videoLeft, .videoRight {width: 100%;height: auto;float: none;}
.videoLeft .vlTop, .videoRight .vrTop {width: 94%;padding:0 3%;margin:0;}
.videoLeft .vlTop img, .videoRight .vrTop img{width:100%;}
.vlTop span,.vrTop span {left: 50%;margin-left: -6%;}
.videoLeft .vlBot > a ,.videoRight .vrBot > a {margin-left: 44%;}
.videoLeft .vlBot p,.videoRight .vrBot p { margin-left: -5%;margin-bottom:3%;}
.vrBot{}
.hotLine{margin:20px 0  10px;border-top: none;}
.hotLineIn ,.HotLeft,.HotCenter,.HotRight,.footer{display:none;}
.mobilefFooter{display:block;width:100%;height:auto;background:#f8c301;padding: 8px 0;line-height:30px;}
.mobilefFooter p,.mobilefFooter a {color:#000;}
}



@media screen and (max-width:540px) {
.videoLeft .vlBot p,.videoRight .vrBot p { margin-left: -3%;margin-bottom:3%;}
.mobilefFooter p, .mobilefFooter p a {font-size:12px;}
}

@media screen and (max-width:480px){
.videoLeft .vlBot p,.videoRight .vrBot p { margin-left: -2%;margin-bottom:3%;}
}


@media screen and (max-width:360px){
.videoLeft .vlBot p,.videoRight .vrBot p { margin-left: 0;margin-bottom:3%;}
}



/*@media (max-width:1872px){
.nav{height:auto;margin-left: 7%;}
.search{width:11%;height:auto;margin-left: 7%;}
.search input{width:86.5%;}
.language{width:23%;height:auto;margin-left:20px;}
.language select{width:22%;}	
}*/

/*@media (max-width:1600px){
.header,.banner,.footer{max-width:100%;}
.search{width:14%;}
.search input{width:87.5%;}
.language{width:20%;}
.language select{width:40%;}
/*.banner{height:auto;}
.banner img{height:auto;}*/
/*.news{margin:60px 0 40px 0;}
}*/
/*@media (max-width:1440px){
.logo{padding-left: 125px;}
.nav {width:28%;margin:0 0 0 100px;}
.search{width:14%;height:auto;margin-left:80px;}
.search input{width:86.5%;}
.language{width:15%;margin-left:20px;}
.language select{width:45%;}
}*/